<html>
<head>
	<script type="text/javascript" src="jquery.js"></script>
	<script type="text/javascript" src="rotate.js"></script>
	<style>
	div
	{
		height: 300px;
		width: 500px;
		float: left;
	}
	div:hover
	{
		opacity: 0.5;
		
	}
	</style>
	<script>
	$(window).load(function(){
		$("#test").rotateLeft([angle=47]);
		$("#test2").rotateRight([angle=77]);
		})
		
	</script>
</head>
<body>
<h3>CSS2 Transformations</h3>
<div><img src="img/plaatje.jpg" id="test"></img>
<br />Deze staat naar links gedraaid</div>
<div><img src="img/plaatje.jpg" id="test2"></img>
Deze staat naar rechts gedraaid</div>
</body>
</html>
